<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Menu Maker Installation Instructions</title>


<style type="text/css">

body{
	font-size:14px;
	color:#000000;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	}

h2{
	font-weight:bold;
	color:#000099;
	margin:10px 0px;
	
	}
span{
	color:#006600;
	font-weight:bold;
	}
a, a:link, a:visited {
	color:#0000FF;
	margin:5px 0px;
	}
textarea{
	width:800px;
	height:300px;
	}
</style>

</head>

<body>
<br /><br /><br />

<h2>INSTALLATION INSTRUCTIONS</h2>

<p>
1) Upload the "<span>Menu</span>" folder to the root directory of your website.
<br /><br />
2) Copy and paste the code below to the desired spot in your site.
</p>
<textarea>
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
	<!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" href="/menu/includes/ie6.css" media="screen"/>
	<![endif]-->
<div class="wrapper1">
	<div class="wrapper"  style="width:750px;">
		<div class="nav-wrapper">
			<div class="nav-left"></div>
			<div class="nav">
				<ul id="navigation" style="width:688px";>
 
					<li class="#">
						<a href="" target="_self">
							<span class="menu-left"></span>
							<span class="menu-mid">Inicio</span>
							<span class="menu-right"></span>
						</a>
					</li>
 
					<li class="#">
						<a href="" target="_self">
							<span class="menu-left"></span>
							<span class="menu-mid">Secciones</span>
							<span class="menu-right"></span>
						</a>
	            	   	<div class="sub">
			   				<ul>
         			   					<li>
									<a href="" target="_self">Docentes</a>
								</li>
         			   					<li>
									<a href="" target="_self">Estudiantes</a>
								</li>
         			   					<li>
									<a href="" target="_self">Calificaciones</a>
								</li>
         			   					<li>
									<a href="" target="_self">Asignaturas</a>
								</li>
         			   					<li>
									<a href="" target="_self">Actividades</a>
								</li>
         			   					<li>
									<a href="" target="_self">Solicitud Documentos</a>
								</li>
			   				</ul>
					</li>
 
					<li class="#">
						<a href="" target="_self">
							<span class="menu-left"></span>
							<span class="menu-mid">Noticias</span>
							<span class="menu-right"></span>
						</a>
					</li>
 
					<li class="#">
						<a href="" target="_self">
							<span class="menu-left"></span>
							<span class="menu-mid">Sala De Chat</span>
							<span class="menu-right"></span>
						</a>
					</li>
 
					<li class="#">
						<a href="" target="_self">
							<span class="menu-left"></span>
							<span class="menu-mid">Contactos</span>
							<span class="menu-right"></span>
						</a>
					</li>

			   	</ul>
			</div>
			<div class="nav-right"></div>
		<br><br>
	 </div>
	</div>
</div>
</textarea>
<br /><br />
<h2>NOTE:</h2>
<p>

1) Open the "<span>sample.html</span>" to view a sample of your menu. <font color="#FF0000">DO NOT</font> use this code in your site.
<br /><br />	

2) If you run into a problem getting your menu to work or have suggestions for the site please <a href='http://cssmenumaker.com/contact/contact.php'>Contact Us</a> and let us know. We will try to help as much as possible.
<br /><br />

</p>
</body>
</html>